<%-- 
    Document   : contato
    Created on : 30/07/2013, 10:55:17
    Author     : Aluno
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Hi Buy Bye - CONTATO</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="css/mestre.css" type="text/css" />
    </head>
    <body>
        <c:import url="menu.jsp" />
        <div class="container">
            <div id="shop">
                <div id="shop-header">
                    <h1>CONTATO</h1>
                </div><!-- Fim SHOP-HEADER -->
                <div id="paddingcontado">
                    <div id="conteudo">
                        <div class="contato">
                            <h1>FALE CONOSCO</h1>
                            <h4>Hi Buy Bye</h4>
                            <p></p>
                            <p><img src="img/local.png">Av. Prefeito Osmar Cunha, 489 - Florianópolis - SC, 88015-100</p>
                            <p><img src="img/telefone.png"> 555-555</p>
                            <p><img src="img/email.png"><a href="#"> info@hhb.com</a></p>
                        </div><!-- Fecha contato -->
                        <div class="googlemaps">
                            <iframe width="578" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.br/maps?q=-27.591461,-48.552026&amp;num=1&amp;t=h&amp;ie=UTF8&amp;ll=-27.591371,-48.551846&amp;spn=0.024723,0.038624&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com.br/maps?q=-27.591461,-48.552026&amp;num=1&amp;t=h&amp;ie=UTF8&amp;ll=-27.591371,-48.551846&amp;spn=0.024723,0.038624&amp;z=14&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small>
                        </div>
                    </div><!-- Fecha conteudo -->
                </div><!-- Fecha paddingcontato -->
                <div id="paddingcontado">
                    <div id="conteudoform">
                        <div id="form">
                            <h1>MANDE UM E-MAIL: </h1>
                            <form id="formulario">
                                <input type="text" placeholder="Nome" required />
                                <input type="email" placeholder="E-mail" required />
                                <textarea cols="40" rows="5" placeholder="Seus comentários aqui"></textarea>
                                <input class="btn-large btn-warning" type="submit" value="Enviar">
                            </form>
                        </div><!-- Fim form -->
                    </div><!-- Fim conteudoForm -->
                </div><!-- paddingcontato -->
            </div><!-- Fim shop -->
        </div><!-- Fim container -->
        <c:import url="rodape.jsp" />
    </body>
</html>
